<!-- 分类弹出框 -->
<div id="categoryModal" class="modal fade" id="categoryModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width: 30%;">
		<div class="modal-content">
			<div class="widget-header">
				<h4>{{'selectCategory'|translate}}</h4>
				<div class="widget-toolbar">
					<a href="" ng-click="cancelcloseFileDlg()" data-dismiss="modal"> <i class="icon-remove"></i>
					</a>
				</div>
			</div>

			<div class="widget-body">
				<div class="widget-main" style="max-height: 300px; overflow-y: auto; overflow-x: hidden;" id="catescroll">
					<div class="row">
						<div class="col-sm-12">
							<div id="treeboxbox_tree"></div>
						</div>
					</div>
				</div>
				<div align="center" class="row">
					<button class="btn btn-info" type="button" ng-click="okcloseFileDlg" data-dismiss="modal">
						<i class="icon-ok"></i> {{'ok'|translate}}
					</button>
					<button class="btn btn-info" type="button" ng-click="cancelcloseFileDlg()" data-dismiss="modal">
						<i class="icon-undo"></i> {{'cancel'|translate}}
					</button>
				</div>
			</div>
		</div>
	</div>
</div>

<!-- 选择关联channel movie series 弹出框 -->
<div id="contentModal" class="modal fade" id="contentModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog" style="width: width:1200px;">
		<div class="modal-content">
			<div class="widget-header">
				<h4>{{'selectContent'|translate}}</h4>
				<div class="widget-toolbar">
					<a href="" ng-click="selectCancel()"> <i class="icon-remove"></i>
					</a>
				</div>
			</div>
			<div class="widget-body">
				<div class="widget-main" id="contentscroll">
					<form class="form-inline">
						<label>{{'content'|translate}} :</label> <span class="input-icon"> <input type="text" class="input-medium input-search" ng-model="queryOptions.name"
							placeholder="{{'contentID'|translate}}/{{'name'|translate}}" style="background: url(img/tool/icon_search.png) no-repeat; background-position: 3px 4px; padding-bottom: 1px;" />
						</span>
						<!-- 节目单增加查询日期 -->
						<label ng-show="scheduleFlag==1">{{'date'|translate}} :</label> <input type="text" ng-show="scheduleFlag==1" class="input-medium datepicker" ng-model="queryOptions.date" />
						<button type="button" class="btn btn-default btn-tool btn-fon ico-search" ng-click="search()" id="search">{{'search'|translate}}</button>
						<button type="button" class="btn btn-default btn-tool btn-fon ico-search" ng-click="reset()">{{'reset'|translate}}</button>
					</form>
					<div class="hr hr-dotted hr18"></div>
					<div class="space-8"></div>
					<div class="row">
						<div class="col-xs-12">
							<div class="table-responsive">
								<table class="table table-striped table-bordered table-hover" colresizeable>
									<thead>
										<tr ng-if="scheduleFlag==0">
											<th style="width: 15%;">{{'select'|translate}}</th>
											<th style="width: 15%;" ng-if="re_contentType==15||data.action==109">{{'ID'|translate}}</th>
											<th style="width: 15%;" ng-if="re_contentType==4">{{'channelNumber'|translate}}</th>
											<th style="width: 40%;" ng-if="re_contentType!=12">{{'contentID'|translate}}</th>
											<th style="width: 40%;" ng-if="re_contentType==12">{{'adPositionID'|translate}}</th>
											<th style="width: 20%;" ng-if="re_contentType!=12&&re_contentType!=15&&re_contentType!=17&&re_contentType!=18&&data.action!=109">{{'cpId'|translate}}</th>
											<th style="width: 30%;">{{'name'|translate}}</th>
											<th style="width: 20%;" ng-if="re_contentType==12">{{'type'|translate}}</th>
											<th style="width: 20%;" ng-if="re_contentType==13">{{'sequence'|translate}}</th>
											<th style="width: 30%;" ng-if="false">{{'poster'|translate}}</th>
										</tr>
										<tr ng-if="scheduleFlag==1">
											<th>{{'select'|translate}}</th>
											<!-- <th style="width: 20%;">{{'ID'|translate}}</th> -->
											<th style="width: 15%;">{{'cpId'|translate}}</th>
											<th style="width: 15%;">{{'name'|translate}}</th>
											<th style="width: 18%;">{{'date'|translate}}</th>
											<th style="width: 20%;">{{'startTime'|translate}}</th>
											<th style="width: 20%;">{{'endTime'|translate}}</th>
										</tr>
									</thead>
									<tbody ng-if="scheduleFlag==0">
										<tr ng-repeat="item in items" style="width: 50px; height: 30px;" ng-click="selectRow(item)">
											<td>
												<div class="radio">
													<label> <input name="form-field-radio" type="radio" ng-value="item" ng-model="$parent.selectItem" class="ace" /> <span class="lbl"></span>
													</label>
												</div>
											</td>
											<td ng-if="re_contentType==15||data.action==109" ng-bind="item.id" title={{item.id}}></td>
											<td ng-bind="item.channelNumber" ng-if="re_contentType==4" title={{item.channelNumber}}></td>
											<td ng-if="re_contentType!=12" ng-bind="item.contentId" title={{item.contentId}}></td>
											<td ng-if="re_contentType==12" ng-bind="item.contentId" title={{item.contentId}}></td>
											<td ng-if="re_contentType!=12&&re_contentType!=15&&re_contentType!=17&&re_contentType!=18&&data.action!=109" ng-bind="item.cpId" title={{item.cpId}}></td>
											<td ng-bind="item.name" title={{item.name}}></td>
											<td ng-if="re_contentType==12">
											    <span ng-if="item.type == 'vod'">{{'mod_vod'|translate}}{{'adposition'|translate}}</span>
                                                <span ng-if="item.type == 'playback'">{{'supportPlayback'|translate}}{{'adposition'|translate}}</span>
                                                <span ng-if="item.type == 'live'">{{'channelType'|translate}}{{'adposition'|translate}}</span>
                                                <span ng-if="item.type == 'notcontent'">{{'not'|translate}}{{'content'|translate}}{{'adposition'|translate}}</span></td>
											<td ng-if="re_contentType==13" ng-bind="item.sequence"></td>

											<td style="padding: 2px;" ng-if="false"><img style="width: 50px; height: 30px;" ng-src="img/null.jpg" ng-show="item.posterPicUrl==null||item.posterPicUrl==''" /> <img
												style="width: 50px; height: 30px;" ng-src="{{item.posterPicUrl}}" ng-show="item.posterPicUrl!=null&&item.posterPicUrl!=''" /></td>
										</tr>
									</tbody>
									<!-- 节目单查询界面 -->
									<tbody ng-if="scheduleFlag==1">
										<tr ng-repeat="item in items" style="width: 50px; height: 30px;" ng-click="selectRow(item)">
											<td>
												<div class="radio">
													<label> <input name="form-field-radio" type="radio" ng-value="item" ng-model="$parent.selectItem" class="ace" /> <span class="lbl"></span>
													</label>
												</div>
											</td>
											<!-- <td ng-bind="item.id" title={{item.id}}></td> -->
											<td ng-bind="item.cpId" title={{item.cpId}}></td>
											<td ng-bind="item.name" title={{item.name}}></td>
											<td ng-bind="item.date" title={{item.date}}></td>
											<td ng-bind="item.startTime" title={{item.startTime}}></td>
											<td ng-bind="item.endTime" title={{item.endTime}}></td>
										</tr>
									</tbody>
								</table>
							</div>
							<!-- /.table-responsive -->
							<div ng-grid-footer="" class="ng-scope">
								<div ng-style="footerStyle()" class="ngFooterPanel ng-scope" style="width: 100%; height: 36px;">
									<div class="ngTotalSelectContainer">
										<div class="ngFooterTotalItems">
											<span class="ngLabel ng-binding"> {{'total'|translate}}: {{pagingOptions.total}} </span>
										</div>
									</div>
									<div style="float: right; margin-top: 3px;" class="ngPagerContainer">
										<div class="ngRowCountPicker" style="float: left; margin-right: 10px;">
											<span class="ngLabel ng-binding" style="float: left; margin-top: 4px;">{{'pageSize'|translate}}:</span> <select ng-model="pagingOptions.pageSize"
												style="float: left; height: 25px; min-width: 45px" class="ng-pristine ng-valid">
												<!-- ngRepeat: size in pagingOptions.pageSizes -->
												<option ng-repeat="size in pagingOptions.pageSizes" class="ng-binding ng-scope">{{size}}</option>
											</select>
										</div>
										<div class="ngPagerControl" style="float: left; margin-right: 10px;">
											<button title="First Page" ng-disabled="cantPageBackward()" ng-click="pageToFirst()" class="ngPagerButton btn-page" type="button" disabled="disabled"
												style="background-image: url(img/pageCtrl/icon_2.png);"></button>
											<button title="Previous Page" ng-disabled="cantPageBackward()" ng-click="pageBackward()" class="ngPagerButton btn-page" type="button" disabled="disabled"
												style="background-image: url(img/pageCtrl/icon_1.png);"></button>
											<input ng-model="pagingOptions.currentPage" onkeyup="this.value=this.value.replace(/\s/g,'')" style="height: 20px; width: 20px; vertical-align: top; margin-top: 3px;"
												class="ngPagerCurrent ng-pristine ng-valid ng-valid-number ng-valid-min" /> <span ng-show="pagingOptions.maxPages &gt; 0" class="maxPages">/{{pagingOptions.maxPages}}</span>
											<button title="Next Page" ng-disabled="cantPageForward()" ng-click="pageForward()" class="ngPagerButton btn-page" type="button"
												style="background-image: url(img/pageCtrl/icon_1_next.png);"></button>
											<button title="Last Page" ng-disabled="cantPageForward()" ng-click="pageToLast()" class="ngPagerButton btn-page" type="button"
												style="background-image: url(img/pageCtrl/icon_2_next.png);"></button>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- /span -->
					</div>
				</div>
				<div align="center" class="row">
					<button class="btn btn-info" type="button" ng-click="selectMovieOk()" ng-disabled="selected()">
						<i class="icon-ok"></i> {{'ok'|translate}}
					</button>
					<button class="btn btn-info" type="button" ng-click="selectCancel()">
						<i class="icon-undo"></i> {{'cancel'|translate}}
					</button>
				</div>
			</div>
		</div>
	</div>
</div>